<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 解析网络来源图片内容 -->
    <meta name="referrer" content="never">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 引入标题顶部logo图片 -->
    <link rel="icon" href="../imges/logo.jpg" type="image/x-icon">
    <title>京东(JD.COM)-正品低价、品质保证</title>
    <!-- 引入商品列表页的css样式 -->
    <link rel="stylesheet" href="../css/goods.css">
    <!-- 引入插件css样式 -->
    <link rel="stylesheet" href="../tools/jquery-pagination/pagination.css">
    <!-- 引入jquery文件和ajax文件 -->
    <script src="../js/jquery-3.6.0.js"></script>
    <script src="../js/ajax.js"></script>
    <!-- 引入tools文件和pagination文件 -->
    <script src="../js/tools.js"></script>
    <script src="../tools/jquery-pagination/jquery.pagination.js"></script>
    <!-- 引入商品列表页的js样式-->
    <script src="../js/goods.js"></script>
</head>

<body>
    <!-- 顶部栏 -->
    <div class="shoppingtop">
        <div class="leftbox">
            <img src="../imges/logo.jpg" alt="" id="portrait">
            <span id="topword"></span>
            <img src="../imges3/lo.png" alt="" id="jdplus">
        </div>
        <ul class="listldie">
            <li id="toplist"><a href="./shopping.html" id="ministry1"> 我的订单</a></li>
            <li id="toplist"><i>|</i><a href="./index.html" id="ministry"> 我的京东</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 京东会员</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 企业采购</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 客户服务</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 网站导航</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 手机京东</a></li>
            <li id="toplist"><i>|</i><a href="javascript:;" id="ministry"> 网站障碍</a></li>
        </ul>
    </div>
    <!--中部导航栏 -->
    <div class="navigation">
        <img src="../imges3/logo-201305-b.png" alt="" id="jdleftlogo">
        <input type="text" name="" id="search" placeholder="  点击搜索您想要的商品">
        <button id="btn1">搜索</button>
        <a href="./shopping.html" id="shopbtn">购物车</a>
    </div>
    <!-- 打折商品栏 -->
    <div class="Commodity">
        <img src="../imges3/ss1.jpg" alt="" id="ssyshopp1">
        <img src="../imges3/ss2.jpg" alt="" id="ssyshopp2">
        <img src="../imges3/ss3.jpg" alt="" id="ssyshopp3">
        <img src="../imges3/ss4.jpg" alt="" id="ssyshopp4">
        <img src="../imges3/ss5.jpg" alt="" id="ssyshopp5">
        <img src="../imges3/ss6.jpg" alt="" id="ssyshopp6">
        <img src="../imges3/ss7.jpg" alt="" id="ssyshopp7">
        <img src="../imges3/ss8.jpg" alt="" id="ssyshopp8">
        <img src="../imges3/ss9.jpg" alt="" id="ssyshopp9">
        <img src="../imges3/ss10.jpg" alt="" id="ssyshopp10">
        <span id="ssyword1">付定金抢半价</span>
        <span id="ssyword2">爆款9.9起</span>
        <span id="ssyword3">爆款5折强</span>
        <span id="ssyword4">限量领好劵</span>
        <span id="ssyword5">每满200减30</span>
        <span id="ssyword6">付定金抢半价</span>
        <span id="ssyword7">爆款9.9起</span>
        <span id="ssyword8">爆款5折强</span>
        <span id="ssyword9">限量领好劵</span>
        <span id="ssyword10">每满200减30</span>
        <span id="ssysit1">厨卫预售</span>
        <span id="ssysit2">烹饪炊具</span>
        <span id="ssysit3">家居建材</span>
        <span id="ssysit4">手机通讯</span>
        <span id="ssysit5">皮衣皮带</span>
        <span id="ssysit6">厨卫预售</span>
        <span id="ssysit7">家居建材</span>
        <span id="ssysit8">手表时钟</span>
        <span id="ssysit9">零食饮料</span>
        <span id="ssysit10">厨卫预售</span>
    </div>
    <!-- 所有商品栏 -->
    <div class="Allthegoods">
        <div class="toplistgoods">
            <img src="../imges3/0cac53c1b82e1b05.gif" alt="" id="Dynamic">
            <h1 id="Dywordh1">双十一好货为您推荐</h1>
            <img src="../imges3/0cac53c1b82e1b05.gif" alt="" id="Dynamic2">
            <hr style="width: 500px;" id="cencen">
        </div>
        <!-- 动态渲染商品栏 -->
        <div class="listgoods">

        </div>
        <!-- 商品分页框 -->
        <div class="jdfot112">
            <div class="jdpaging m-style"></div>
        </div>

</body>

</html>